@import './base.less';

//头部区域
header {
  .top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    height: 11.7333vw;
    padding: 1.8667vw 0.8vw;
    background-color: #fff;
    text-align: center;
    h1 {
      font-size: 4.2667vw;
      line-height: 8vw;
    }
    .icon-zuojiantou {
      font-size: 6.1333vw;
      position: absolute;
      left: 1.3333vw;
      top: 2.9333vw;
      color: #000;
    }
  }
}
//主体区域
.main {
  margin-top: 11.7333vw;
  padding: 13.3333vw 8vw;
  min-height: 100vh;
  background-color: #fff;
  // 标题区域
  .top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 17.0667vw;
    margin-bottom: 8vw;
    h1 {
      margin-top: 1.8667vw;
      color: #191919;
      font-size: 7.2vw;
      font-weight: 400;
    }
    p {
      color: #b3b3b3;
      font-size: 3.7333vw;
    }
  }
  //表单
  #loginform {
    .formipt {
      display: flex;
      justify-content: space-between;
      padding: 2.4vw;
      border-bottom: 0.5px solid #f3f1f2;
      margin-bottom: 4vw;
      height: 12.8vw;
      img {
        width: 25.6vw;
        height: 8vw;
      }
      input {
        border: none;

        font-size: 14px;
        letter-spacing: 0.5px;
        height: 100%;
        outline: none;
      }
      span {
        font-size: 3.7333vw;
        line-height: 6.6667vw;
        color: #cea26a;
        padding-right: 2.6667vw;
        &.active {
          color: #9e9e9e;
        }
      }
    }
    button {
      width: 100%;
      height: 11.4667vw;
      margin-top: 10.6667vw;
      background: linear-gradient(90deg, #ecb53c, #ff9211);
      color: #fff;
      border-radius: 10.6667vw;
      box-shadow: 0 2.6667vw 5.3333vw 0 rgb(0 0 0 / 10%);
      letter-spacing: 2px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0;
      font-size: 3.7333vw;
    }
  }
}
